@import '../color.scss';

.el-popover__title {
    padding-left: 10px;
    border-left: 3px solid $mainColor;
    font-size: 14px;
}

.el-tooltip__popper.is-dark {
    max-width: 500px;
    line-height: 20px;
}

//to reset element-ui default css
.el-upload {
    input[type="file"] {
        display: none !important;
    }
}

.el-upload__input {
    display: none;
}

//element ui upload
.upload-container {
    .el-upload {
        width: 100%;
        .el-upload-dragger {
            width: 100%;
            height: 200px;
        }
    }
}

/* ---------复选框样式--------- */
.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background-color: #fff;
    border-color: $mainColor;
}

.el-checkbox__inner:hover,
.el-checkbox__input.is-focus .el-checkbox__inner {
    border-color: $mainColor;
}

.el-checkbox__inner::after {
    border-color: $mainColor;
}

.el-checkbox__input.is-checked+.el-checkbox__label {
    color: $mainColor;
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner:before {
    background-color: $mainColor;
}

/* ---------单选框样式--------- */
.el-radio__input.is-checked .el-radio__inner {
    border-color: $mainColor;
    background-color: #fff;
}

.el-radio__input.is-checked+.el-radio__label {
    color: $mainColor;
}

.el-radio__inner:hover {
    border-color: $mainColor;
}

.el-radio__inner::after {
    width: 8px;
    height: 8px;
    background-color: $mainColor;
}


/* ---------树形结构--------- */
.el-tree-node__expand-icon {
    margin-right: 5px;
    color: $mainColor;
}


/* ---------输入框--------- */
.el-input__suffix-inner{
    line-height: 32px;
    padding-right: 5px;
}

.el-input__inner{
    padding: 0 10px;
}

.el-textarea__inner{
    padding: 5px 10px;
}

.no-border input {
    border-color: #fff;
}

.el-select,
.el-cascader,
.el-date-editor.el-input,
.el-date-editor.el-input__inner{
    width: 100%;
}

.el-cascader-menu__item__keyword {
    padding-right: 0 !important;
    color: #409eff;
}


/* ---------tabs--------- */
.hidden-header-border {
    &.el-tabs {
        .el-tabs__nav-wrap::after {
            background: transparent;
        }
        .el-tabs__active-bar {
            background-color: $mainColor;
        }
        .el-tabs__item.is-active,
        .el-tabs__item:hover {
            color: $mainColor;
            font-weight: bold;
        }
    }
}
